<template>
  <div class="login">
 
  <div class="mian">
    <h2>请登录</h2>
    <input type="text" class="input01" placeholder="账号">
    <input type="text" class="input01" placeholder="密码">
    <div class="yanzeng">
      <input type="text">  验证码
    </div>
     <el-row>
  <el-button type="primary" class="btn">登陆</el-button>
</el-row>
  </div>
  </div>
</template>

<script>

export default {
    name:"login"
}
</script>
<style lang="scss" rel="stylesheet/scss" scoped>
    .login{
      text-align: center;
       background-image: url("../assets/map.jpg");
       height: 90%;
       background-repeat: no-repeat;
       background-size: contain;
    }
    .mian{
      background-color: #fff;
      width: 300px;
      height: 400px;
      float: right;
      margin-right: 50px;
      margin-top: 40px;
      border-radius: 20px;
    }
    .input01{
      width: 80%;
      height: 30px;
      padding:0 10px;
      margin: 10px auto;
    }
    .btn{
      width: 80%;
    }
    .yanzeng{
      margin:20px 0;
      margin-left: -87px;
    }
    .yanzeng input{
      width: 30%;
    }
</style>